<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Side Tab</title>

<link rel="stylesheet" href="views/css/sidetab/style.css" type="text/css" media="all"/>
<script type="text/javascript" src="views/js/sidetab/maxheight.js"></script>
<script type="text/javascript" src="views/js/sidetab/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="views/js/sidetab/cufon-yui.js"></script>
<script type="text/javascript" src="views/js/sidetab/cufon-replace.js"></script>
<script type="text/javascript" src="views/js/sidetab/Myriad_Pro_300.font.js"></script>
<script type="text/javascript" src="views/js/sidetab/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="views/js/sidetab/jquery.faded.js"></script>
<script type="text/javascript" src="views/js/sidetab/jquery.jqtransform.js"></script>
<script type="text/javascript" src="views/js/sidetab/script.js"></script>
<script type="text/javascript">
	$(function(){
		$("#faded").faded({
			speed: 500,
			crossfade: true,
//			autoplay: 10000,
			autopagination:false
		});
		
		$('#domain-form').jqTransform({imgPath:'jqtransformplugin/img/'});
	});
</script>

</head>
<body id="page1" onLoad="new ElementMaxHeight();">


 <div class="clear"></div>
 
<!-- start content-outer -->
<div id="content-outer">
<!-- start content -->
<div id="content">


<div id="page-heading"><h1>Side Tab</h1></div>


<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
<tr>
	<th rowspan="3" class="sized"><img src="views/images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
	<th class="topleft"></th>
	<td id="tbl-border-top">&nbsp;</td>
	<th class="topright"></th>
	<th rowspan="3" class="sized"><img src="views/images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
</tr>
<tr>
	<td id="tbl-border-left"></td>
	<td>
	<!--  start content-table-inner -->
	<div id="content-table-inner">
	
	<table border="0" width="100%" cellpadding="0" cellspacing="0">
	<tr valign="top">
	<td>
	
	<div id="faded">
				<ul class="slides">
					<li><img src="views/images/sidetab/slide-title1.gif"><a href="#"><span><span>Learn More</span></span></a></li>
					<li><img src="views/images/sidetab/slide-title4.gif"><a href="#"><span><span>Learn More</span></span></a></li>
					<li><img src="views/images/sidetab/slide-title3.gif"><a href="#"><span><span>Learn More</span></span></a></li>
					<li><img src="views/images/sidetab/slide-title2.gif"><a href="#"><span><span>Learn More</span></span></a></li>
				</ul>
				<ul class="pagination">
					<li><a href="UserAction.html" rel="0"><span>Web Hosting</span><small>Get more information</small></a></li>
					<li><a href="#" rel="1"><span>Broadband</span><small>Get more information</small></a></li>
					<li><a href="#" rel="2"><span>Email Hosting</span><small>Get more information</small></a></li>
					<li><a href="#" rel="3"><span>Dedicated</span><small>Get more information</small></a></li>
				</ul>
			</div>
		</td>
		</tr>
		</table>
		</div>
		</td>
		</tr>
		</table>
		</div>
		</div>
	
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>